<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
    <meta charset="UTF-8">
    <title>挂号</title>
    <!--<link href="bootstrap.min.css" type="text/css" rel="stylesheet"/>-->
    <style>
        body,html{
            margin:0px;
            height: 100%;
           background: #ffac50;
        }
        #top{
            width:100%;
            height:10%;
            background:pink;
        }
        #top_center{
            height:80%;
            margin-left: 40%;
            text-align: center;
            font-size: 50px;
            line-height: 150%;
            float:left;
            background: yellow;

        }
        #top_right{
            font-size: 20px;
            float:left;
            margin-left:20% ;
            line-height: 150%;
        }
        #bottom_center{
            width:70%;
            height:90%;
            /*background:#7bfcd3;*/
            float:left;
            margin-left:10%;
        }
        .bottom_center_top_1{
            width:25%;
            margin-top:10px;
            float:left;
            text-align: center;
            background: #62ffdb;
        }
        .bottom_center_top_1_1{
            width:25%;
            margin-top:10px;
            float:left;


        }
        .bottom_center_top_2{
            margin-left: 5%;
            width:10%;
            margin-top:30px;
            float:left;
            text-align: center;
        }
        .bottom_center_top_3{
            width:10%;
            margin-top:30px;
            float:left;
            color: red;
        }
        .bottom_center_top_4{
            width:20%;
            margin-top:30px;
            float:left;
            text-align: center;
        }
        #bottom_center_bottom{
            margin-left: 4%;
        }
        .bottom_center_bottom_1{
              float:left;
              margin-top: 20px;
              width:13%;
              text-align: center;
              border:1px cadetblue solid;
          }

        .bottom_center_bottom_2{

        }
        .bottom_center_bottom_3{
            float:left;
            background:white;
            width:13%;
            text-align: center;
            border:1px cadetblue solid;
        }
        #bottom_right{
            width:20%;
            height:90%;
            background:yellow;
            float:left;
        }
        a:link,a:visited{
            text-decoration: none;
        }
        a:hover,a:active{
            text-decoration: underline;
            color: red;
        }

    </style>
    <script>

        function getNowTime(){
            var p_name = document.getElementById("time");
            var time = new Date().toLocaleString();    //得到当前时间
            p_name.value = time;
        }
        setInterval(getNowTime, 1000); //每隔一秒
//        function getNowTime(){
//            var p_name=document.getElementById("time");
//            var time=new Data().toLocaleString();
//            p_name.value=time;
//        }
//        setInterval(getNowTime,1000);
    </script>
</head>
<body>
    <div id="top">
        <div id="top_center">门诊日常挂号</div>
        <div id="top_right">XXX医生&nbsp;&nbsp;<a href="#">退出</a></div>
    </div>

    <div id="bottom_center">
        <div id="bottom_center_top">
            <div>
                <div class="bottom_center_top_1">门诊卡号</div>
                <div class="bottom_center_top_1_1"><input type="text" name="patients_number"/></div>
                <div class="bottom_center_top_1">患者姓名</div>
                <div div class="bottom_center_top_1_1"><input type="text" name=""/></div>
            </div>
            <div>
                <div class="bottom_center_top_1">医保卡号</div>
                <div class="bottom_center_top_1_1"><input type="text" name=""/></div>
                <div class="bottom_center_top_1">患者性别</div>
                <div div class="bottom_center_top_1_1"><input type="text" name=""/></div>
            </div>
            <div>
                <div class="bottom_center_top_1">费用机构</div>
                <div class="bottom_center_top_1_1"><input type="text" name=""/></div>
                <div class="bottom_center_top_1">出生日期</div>
                <div div class="bottom_center_top_1_1"><input type="text" name=""/></div>
            </div>
            <div>
                <div class="bottom_center_top_1">就诊科室</div>
                <div class="bottom_center_top_1_1"><input type="text" name=""/></div>
                <div class="bottom_center_top_1">就诊号别</div>
                <div div class="bottom_center_top_1_1"><input type="text" name=""/></div>
            </div>
            <div>
                <div class="bottom_center_top_1">接诊专家</div>
                <div class="bottom_center_top_1_1"><input type="text" name=""/></div>
                <div class="bottom_center_top_1">诊查费用</div>
                <div div class="bottom_center_top_1_1"><input type="text" name=""/></div>
            </div>
            <div>
                <div class="bottom_center_top_2">挂号时间</div>
                <div class="bottom_center_top_3"><input type="text" id="time" style="background: #7bfcd3;" readonly></div>
                <div class="bottom_center_top_2">挂号费</div>
                <div class="bottom_center_top_3">￥4.00</div>
                <div class="bottom_center_top_2">总费用</div><div class="bottom_center_top_3">￥6.20</div>
                <div class="bottom_center_top_4"><input type="submit" value="预约号"/></div>
            </div>
        </div>
        <hr/>
        <div id="bottom_center_bottom">
            <div>
                <div>
                    <div class="bottom_center_bottom_1">编号</div>
                    <div class="bottom_center_bottom_1">姓名</div>
                    <div class="bottom_center_bottom_1">接诊时段</div>
                    <div class="bottom_center_bottom_1">限号定额</div>
                    <div class="bottom_center_bottom_1">余诊人数</div>
                    <div class="bottom_center_bottom_1">科室</div>
                    <div class="bottom_center_bottom_1">号别</div>

                </div>
                <div class="bottom_center_bottom_2">
                    <div class="bottom_center_bottom_3">1</div>
                    <div class="bottom_center_bottom_3">张三</div>
                    <div class="bottom_center_bottom_3">9:00-12:00</div>
                    <div class="bottom_center_bottom_3">50</div>
                    <div class="bottom_center_bottom_3">30</div>
                    <div class="bottom_center_bottom_3">3-10</div>
                    <div class="bottom_center_bottom_3">14</div>
                </div>
                <div class="bottom_center_bottom_2">
                    <div class="bottom_center_bottom_3">2</div>
                    <div class="bottom_center_bottom_3">张三</div>
                    <div class="bottom_center_bottom_3">9:00-12:00</div>
                    <div class="bottom_center_bottom_3">50</div>
                    <div class="bottom_center_bottom_3">30</div>
                    <div class="bottom_center_bottom_3">3-10</div>
                    <div class="bottom_center_bottom_3">14</div>
                </div>
            </div>
        </div>
    </div>
    <div id="bottom_right"></div>
</body>
</html>
